<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>巧用随机数+递归测试层级</title>
    <style>
        .box {
            width: 100px;
            height: 100px;
        }
    </style>
</head>

<body>
    <div class="box"></div>
    <script>
        // function addColor() {
        //     //
        //     var box=document.querySelector('.box')
        //     //有一种情况是 随机数不到16进制位数  需要padEnd 补0
        //     var dom = Math.random().toFixed(16)
        //     var color = '#' + dom.slice(2, 8)
        //     box.style.backgroundColor=color
        // }

        // addColor()

        // function padEnds(){
        //     var str='0.1'
        //     //padEnd 在后边补0
        //     //padEnd 参数1.填充到6位   参数2. 以什么填充
        //     var str1=str.padEnd(6,'0')
        //     console.log(str1,'str1')
        // }
        // padEnds()
        
       var obj={}
       var arr=[]
       var index=0
        var list=[
            {
                id:'1',
                pid:'0',
                text:'1',
                children:[
                    {
                        id:'2',
                        pid:'1',
                        text:'2',
                        children:[
                            {
                                id:'3',
                                pid:'2',
                                text:'3'
                            }
                        ]
                    },
                    {
                        id:'4',
                        pid:'1',
                        text:'4',
                        children:[]
                    }
                ]
            }
        ]
        
        //object 独一无二
        function changelist(e,k){
            index+=1
           e.forEach(el => {
            if(el.pid==k){
                if(!obj[k]){
                    obj[k]=index
                    el.index=obj[k]
                    if(el.children){
                        this.changelist(el.children,el.id)
                    }
                }
                else{
                    el.index=obj[k]
                }
            }
           });
        }
        changelist(list,'0')
        console.log(obj,'1111')
        console.log(list,'1111')






    </script>
</body>

</html>